<template>
  <div>
      <h1>vuex</h1>
      <h2>{{ num }}</h2>
      <button @click="add">加一</button>
      <button @click="minus">减一</button>
      <button @click="oddAdd">如果是奇数加一</button>
      <button @click="evenMinus">如果是偶数减一</button>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
      num:0
    }
  },
  components: {},
  methods:{
    add(){
      this.num += 1
    },
    minus(){
      this.num -= 1
    },
    // 先判断this.num 结果是奇数 还是偶数
    // %  取模  取余
    oddAdd(){
      if(this.num % 2 ==1){
        this.num += 1
      }
    },
    evenMinus(){
      if(this.num % 2 == 0){
        this.num -= 1
      }
    }
  }
}
</script>

<style>

</style>
